微信小程序输入框上移问题解决
时间 :
2022-10-27
编辑 :admin
微信小程序的输入框在上面还好,如果不是,在聚焦的时候页面就会上移,上方的页面信息会看不到,影响用户操作
在这里可以手动设置并获取输入框的高度来解决
这种方式虽然有的机子有点卡,但是已经算是比较完美的解决方案了
页面部分
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<view class="page-bottom" style="bottom:{{bottom}}px"> <view class="block input-box"> <view class="block-left"> <input bindconfirm="toSubmit" value="{{code}}" bindfocus="inputFocus" bindblur="inputBlur" focus adjust-position="{{false}}" class="block-main" type="text" placeholder="手动输入" confirm-type="go" cursor-spacing="100"></input> </view> </view> </view> |
js部分
| 1 2 3 4 5 6 |
inputFocus (e) { this.setData({bottom: e.detail.height})},inputBlur () { this.setData({bottom: 0})} |
